<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="head :: commonHead('发票详情')">

</head>

<body>

<div th:replace="head :: header"></div>

<div class="user_container clearfix">

    <!-- 主体内容 -->
    <div class="user_container clearfix">

        <div th:replace="content/personal/left :: body"></div>

        <!-- 右侧内容 -->
        <div class="right_boxwrap">
            <div class="user_right_box">
                <div class="user_right_box_title">
                    <div class="user_right_box_title_l">
                        <em></em>
                        <h3>发票详情</h3>
                    </div>
                </div>

                <!--头部步骤提示-->
                <div class="step-box clearfix">
                    <dl style="margin-right: 5px;">
                        <dt th:style="${orderReceipt.status eq 1 ? 'border-radius: 50px 0 0 50px; background: #ff5637;' : 'border-radius: 50px 0 0 50px;'}"></dt>
                        <dd th:style="${orderReceipt.status eq 1 ? 'color: #ff5637;' : ''}">已提交</dd>
                    </dl>
                    <dl>
                        <dt th:style="${orderReceipt.status eq 2 ? 'border-radius: 0 50px 50px 0; background: #ff5637;' : 'border-radius: 0 50px 50px 0;'}"></dt>
                        <dd th:style="${orderReceipt.status eq 2 ? 'color: #ff5637;' : ''}">申请成功</dd>
                    </dl>
                </div>

                <div class="user_info order_info my_invoice_details">
                    <div class="middle">
                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>发票信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th valign="top">发票类型：</th>
                                        <td cus:dict="receipt-type,${orderReceipt.type}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">发票抬头：</th>
                                        <td th:text="${orderReceipt.title eq 1 ? '个人' : '单位'}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">发票内容：</th>
                                        <td th:text="${orderReceipt.content}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">发票金额：</th>
                                        <td th:text="${'￥' + #numbers.formatDecimal(orderReceipt.price,1,2) + '元'}"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>收票人信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th valign="top">收票人姓名：</th>
                                        <td th:text="${orderReceipt.receiveName}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top">收票人手机：</th>
                                        <td th:text="${orderReceipt.contactPhone}"></td>
                                    </tr>
                                    <tr th:if="${orderReceipt.type eq 1}">
                                        <th valign="top">收票人地址：</th>
                                        <td cus:area="${orderReceipt.postAddress}"></td>
                                    </tr>
                                    <tr>
                                        <th valign="top"></th>
                                        <td th:text="${orderReceipt.postStreet}"></td>
                                    </tr>
                                    <tr th:if="${orderReceipt.type eq 2}">
                                        <th valign="top">收票人邮箱：</th>
                                        <td th:text="${orderReceipt.contactEmail}"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="middle_box">
                            <div class="middle_box_title">
                                <h3>邮寄信息</h3>
                            </div>
                            <div class="middle_box_con">
                                <table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <th valign="top">快递公司：</th>
                                        <td>顺丰</td>
                                    </tr>
                                    <tr>
                                        <th valign="top">快递单号：</th>
                                        <td></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                    </div>

                    <div class="invoice_bottom clearfix">
                        <div class="invoice_bottom_btn">
                            <input type="button" onclick="window.history.back(-1)" value="返回"/>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
<div th:replace="foot :: body"></div>

</body>

<script type="text/javascript" charset="utf-8" th:src="${#request.getAttribute('ctx') + '/static/front/js/home.js'}"></script>

</html>

<div class="del">
    <i class="iconfont icon-del"></i>
</div>

<div class="checkbox">
    <input type="checkbox" name="" value=""/>
</div>